<template>

	<view class="myupView">


		<view class="uptext"> {{ upText}}
		</view>



		<view class="list-textDetail" :style="{'color':fgColor,'fontSize':myFontSize,'fontWeight':myFontWeight}">
			{{ downText}}
		</view>

	</view>

</template>

<script>
	export default {
		props: {

			upText: {
				type: String,
				default: ""
			},
			downText: {
				type: String,
				default: ""
			},
			fgColor: {
				type: String,
				default: "#4F4F53"
			},
			myFontSize: {

				type: String,
				default: "13px"
			},
			myFontWeight: {

				type: [String, Number],
				default: 400
			}

		},
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>
	.myupView {
		display: flex;
		flex-direction: column;
		width: auto;
		height: 40px;
		margin-top: 12px;

	}

	.uptext {
		line-height: 20px;
		width: auto;
		font-size: 12px;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		height: 20px;
		color: #999999;
		text-align: left;
		margin-top: 2px;


	}

	.list-textDetail {
		line-height: 22px;
		width: auto;
		height: 28px;
		font-size: 13px;
		text-align: left;
		font-weight: 500;
		color: #000000;

	}
</style>